<div class="process-editor">
    <div class="process-section">
        <h4>第<span id="currentStepNumber">1</span>步</h4>
        <div class="materials-selection">
            <h4>选择消耗材料</h4>
            <div id="processMaterials">
                <!-- 动态加载材料选择 -->
            </div>
        </div>
    </div>
    <div class="process-section">
        <h4>选择使用方法</h4>
        <div id="methodsSelection" class="methods-selection">
            <!-- 动态加载方法选择 -->
        </div>
    </div>
    <div class="process-section">
        <h4>选择产物</h4>
        <div id="productsSelection" class="products-selection">
            <!-- 动态加载产物选择 -->
        </div>
    </div>
    <div class="process-section">
        <h4>步骤描述</h4>
        <textarea id="stepDescription" class="step-description" rows="3"></textarea>
    </div>
    <div class="step-actions">
        <button class="step-btn" onclick="completeStep()">完成</button>
        <button class="step-btn" onclick="nextStep()">下一步</button>
    </div>
</div> 